﻿@{
    ViewBag.Title = "Shops";
}

@section tabmenu
{
    <ul class="tabs group">
        <li>@Html.ActionLink("Главная", "List", "Heroes")</li>
        <li>@Html.ActionLink("Новости", "List", "News")</li>
        <li class="active">@Html.ActionLink("Арты", "Shops", "Items")</li>
        <li>@Html.ActionLink("Форум", "List", "Forum")</li>
        <li><a href="http://vk.com/club20418573" target="_blank">Группа ВК</a></li>
    </ul>
}

<script type="text/javascript">
    $(function () {
        $(".shop").bind("click", function () {
            var parent = $(this).parents('table').first();            
            $(".infoPanel", parent)
                .html("<img src='http://habrastorage.org/storage2/326/a93/4b7/326a934b755a9fa1b0255aa8624735bb.gif'/>")
                .load($(this).attr("TitleUrl"), function () {
                    addTooltip($(".TitleImg", parent));
                });
        });
    });
</script>

<h2>Магазины предметов</h2>
@if (User.IsInRole("Admin"))
{
    @Html.RouteLink("Редактировать", "ItemEditShops")
}

<ul class="submenu" style="display:inline;white-space:nowrap">
    <li class="main">@Html.ActionLink("Магазины", "Shops")</li>
    <li>@Html.ActionLink("Список", "List")</li>
</ul>

<h3>Фонтан светлых</h3>
<table>
<tr>
    <td>
        <div style="width:558px;height:422px;background-image:url(http://habrastorage.org/storage2/138/009/6cc/1380096ccadd8f2d575c32ebcc210fc1.jpg); position:relative">
            <img class="shop" style="left:117px; top:208px" alt="Sena The Accessorizer" src="http://habrastorage.org/storage2/487/039/458/48703945850a9a9157a22e9934764fda.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Sena The Accessorizer"})" />
            <img class="shop" style="left:250px; top:265px" alt="Cache of the Quel'thelan" src="http://habrastorage.org/storage2/4be/55f/41b/4be55f41b897c15c5eba473150ec8da8.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Cache of the Quel'thelan"})" />
            <img class="shop" style="left:420px; top:50px" alt="Gateway Relics" src="http://habrastorage.org/storage2/e89/12c/a64/e8912ca644605fbd6dff3d6cc02423fa.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Gateway Relics"})" />
            <img class="shop" style="left:370px; top:42px" alt="Supportive Vestment" src="http://habrastorage.org/storage2/d3f/363/3ca/d3f3633cad5c06f6ee7d6cca7ead3243.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Supportive Vestment"})" />
            <img class="shop" style="left:321px; top:34px" alt="Arcane Sanctum" src="http://habrastorage.org/storage2/80b/174/34f/80b17434f7d770119c5f22f1dfac715d.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Arcane Sanctum"})" />
            <img class="shop" style="left:262px; top:41px" alt="Protectorate" src="http://habrastorage.org/storage2/d5d/1b2/e38/d5d1b2e386c4c1a6bc3cdf64b5869611.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Protectorate"})" />
            <img class="shop" style="left:222px; top:49px" alt="Enchanted Artifacts" src="http://habrastorage.org/storage2/27b/5d4/45b/27b5d445b069fc192d14695b3344040f.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Enchanted Artifacts"})" />
            <img class="shop" style="left:157px; top:62px" alt="Ancient Weaponry" src="http://habrastorage.org/storage2/98f/249/6fe/98f2496fec66d9f5a1bbaef7c9a711d9.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Ancient Weaponry"})" />
            <img class="shop" style="left:113px; top:141px" alt="Weapons Dealer" src="http://habrastorage.org/storage2/468/1a1/052/4681a1052e237cd6cb4706fe4ad64358.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Weapons Dealer"})" />
            <img class="shop" style="left:381px; top:273px" alt="Ancient of Wonder" src="http://habrastorage.org/storage2/07c/9a7/f2b/07c9a7f2b5988aff3ec0a334db2b8e31.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Ancient of Wonder"})" />
    
            <img style="left:270px;top:118px;position:absolute" src="http://habrastorage.org/storage2/e04/6e2/3b6/e046e23b6a005ed2638876b1c70e5a59.gif" />
        </div>
    </td>
    <td class="infoPanel">

    </td>
</tr>
</table>

<h3>Фонтан темных</h3>
<table>
<tr>
    <td>
        <div style="width:558px;height:422px;background-image:url(http://habrastorage.org/storage2/e2a/a5e/3dc/e2aa5e3dc38d37d73fbc433094078d00.jpg); position:relative">
            <img class="shop" style="left:13px; top:196px" alt="Supportive Vestment" src="http://habrastorage.org/storage2/c3a/392/606/c3a392606bcd9fefbd7380003a648340.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Supportive Vestment"})" />
            <img class="shop" style="left:37px; top:248px" alt="Gateway Relics" src="http://habrastorage.org/storage2/202/80e/e52/20280ee529c414ea1744bf8b23df0a7d.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Gateway Relics"})" />
            <img class="shop" style="left:13px; top:126px" alt="Arcane Sanctum" src="http://habrastorage.org/storage2/993/f2f/1f4/993f2f1f469629d057e2b75536b52598.gif" TitleUrl="@Url.Action("ShopDetail", new {name = "Arcane Sanctum"})" />
            <img class="shop" style="left:35px; top:99px" alt="Protectorate" src="http://habrastorage.org/storage2/854/c97/6e4/854c976e4843e12c79ff8027b2bd1676.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Protectorate"})" />       
            <img class="shop" style="left:49px; top:77px" alt="Enchanted Artifacts" src="http://habrastorage.org/storage2/989/521/32c/98952132c35c6e73172c29441abb5d94.gif" TitleUrl="@Url.Action("ShopDetail", new {name = "Enchanted Artifacts"})" />       
            <img class="shop" style="left:85px; top:17px" alt="Ancient Weaponry" src="http://habrastorage.org/storage2/718/023/ba1/718023ba19427479dc1dbe1bd00902dd.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Ancient Weaponry"})" />       
            <img class="shop" style="left:189px; top:51px" alt="Weapons Dealer" src="http://habrastorage.org/storage2/c4d/53c/37f/c4d53c37f0833f94aebf039d065b1e0e.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Weapons Dealer"})" />
            <img class="shop" style="left:280px; top:40px" alt="Sena The Accessorizer" src="http://habrastorage.org/storage2/3af/f28/470/3aff284706e21a7441abd62236ab5ca8.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Sena The Accessorizer"})" />       
            <img class="shop" style="left:379px; top:155px" alt="Demonic Artifacts" src="http://habrastorage.org/storage2/cc7/652/f19/cc7652f196e1e851db3ad18d293fd543.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Demonic Artifacts"})" />       
            <img class="shop" style="left:368px; top:239px" alt="Tomb of Relics" src="http://habrastorage.org/storage2/baf/9b1/523/baf9b15230e907c352cb5e171d44b998.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Tomb of Relics"})" />       

            <img style="left:93px;top:130px;position:absolute" src="http://habrastorage.org/storage2/b6e/c3c/e7f/b6ec3ce7f9136cf4a61f4857055456b7.gif" />
            
        </div>
    </td>
    <td class="infoPanel">

    </td>
</tr>
</table>

<h3>Тайный магазин в левой-верхней части карты</h3>
<table>
<tr style="height:420px">
    <td style="vertical-align:top">
        <div style="width:545px;height:340px;background-image:url(http://habrastorage.org/storage2/aa7/bcb/abb/aa7bcbabba1a0ca8400b4892111a628a.jpg); position:relative">
            <img class="shop" style="left:79px; top:129px" alt="Goblin Merchant" src="http://habrastorage.org/storage2/f31/e9a/331/f31e9a331c23032b7e9ca15062ed3190.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Goblin Merchant"})" />
            <img class="shop" style="left:40px; top:225px" alt="Goblin Laboratory" src="http://habrastorage.org/storage2/d0e/453/65f/d0e45365f687acdd66bf432041445e83.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Goblin Laboratory"})" />      
        </div>
    </td>
    <td class="infoPanel">

    </td>
</tr>
</table>

<h3>Тайный магазин в правой-нижней части карты</h3>
<table>
<tr style="height:420px">
    <td style="vertical-align:top">
        <div style="width:545px;height:340px;background-image:url(http://habrastorage.org/storage2/5ec/683/e20/5ec683e2012c37fbe910114d22eb941f.jpg); position:relative">
            <img class="shop" style="left:303px; top:111px" alt="Goblin Merchant" src="http://habrastorage.org/storage2/06a/371/08d/06a37108d53f689c762013dc70c78d8b.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Goblin Merchant"})" />
            <img class="shop" style="left:309px; top:194px" alt="Goblin Laboratory" src="http://habrastorage.org/storage2/92e/436/859/92e436859e2d1b04328f2800dc2d3bb7.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Goblin Laboratory"})" />      
        </div>
    </td>
    <td class="infoPanel">

    </td>
</tr>
</table>

<h3>Лесной барыга в левой-верхней части карты</h3>
<table>
<tr style="height:420px">
    <td style="vertical-align:top">
        <div style="width:545px;height:340px;background-image:url(http://habrastorage.org/storage2/47f/4de/c18/47f4dec1804566d87e92a20f34580065.jpg); position:relative">
            <img class="shop" style="left:80px; top:104px" alt="Leragas The Vile" src="http://habrastorage.org/storage2/f0a/560/7c4/f0a5607c40fb73519268f13ba96eafc1.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Leragas The Vile"})" /> 
        </div>
    </td>
    <td class="infoPanel">

    </td>
</tr>
</table>

<h3>Лесной барыга в правой-нижней части карты</h3>
<table>
<tr style="height:420px">
    <td style="vertical-align:top">
        <div style="width:545px;height:340px;background-image:url(http://habrastorage.org/storage2/1dc/481/f0e/1dc481f0e8002e5394e504855b9ae9c7.jpg); position:relative">
            <img class="shop" style="left:400px; top:67px" alt="Leragas The Vile" src="http://habrastorage.org/storage2/a3e/7bf/98b/a3e7bf98b13639b089f556ee421b6642.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Leragas The Vile"})" /> 
        </div>
    </td>
    <td class="infoPanel">

    </td>
</tr>
</table>

<h3>Торговец сыром <img src="http://baginya.org/engine/data/emoticons/diablo.gif" /></h3>
<table>
<tr style="height:420px">
    <td style="vertical-align:top">
        <div style="width:545px;height:340px;background-image:url(http://habrastorage.org/storage2/0b1/56c/397/0b156c397b6c3b5048abd8c85df17b75.jpg); position:relative">
            <img class="shop" style="left:163px; top:58px" alt="Roshan" src="http://habrastorage.org/storage2/485/607/1fb/4856071fb4606d7f93b8a67c4ff34945.jpg" TitleUrl="@Url.Action("ShopDetail", new {name = "Roshan"})" /> 
        </div>
    </td>
    <td class="infoPanel">

    </td>
</tr>
</table>
<br />
<h3>Отзывы и предложения:</h3>
@Html.Comments("Магазины", Url.RouteUrl("ItemShops"))